.css1 {
    color: red;
    font-size: 30px;
    font-family: "宋体";
}

/*后代选择器*/
div span {
    color: blue;
}

.nav li a {
    color: red;
}

ul li {
    font-size: 20px;
}
/*子选择器*/
.nav2 > a {
    color: red;
}
/*并集选择器，连起来的样式（和）*/
/*div,
p,
.pig,
li {
    color: red;
}*/
/*伪类选择器,按照顺序来写*/
/*未访问的链接 a:link*/
a:link {
    color: #333;
}
/*已访问链接,点击之后可变色a:visited*/
a:visited {
    color: blue;
}
/*选择鼠标经过的那个链接 a:hover*/
a:hover {
    color:skyblue;
}
/*选择的是鼠标正在按下还没有弹起鼠标的那个链接 a:active*/
a:active {
    color:greenyellow;
}

/*focus伪类选择器，主要针对表单，修改颜色*/
input:focus {
   background-color:#c37a7a;
   
}

/*
    转换为块元素：display:block;
    转换为行内元素：display:inline;
    转换为行内块：display:inline-block;
*/


